<script>
$(function() {
	$( "#tabs" ).tabs({
	    select: function(event, ui) {
	        var url = $.data(ui.tab, 'load.tabs');
	        if( url ) {
	            location.href = url;
	            return false;
	        }
	        return true;
	    },
	selected: 1 
	});
});
</script>
<div id="tabs">
	<ul>
    <li><?php echo $this->Html->link(__('Danh sách quyền', true), array('controller'=>'roles','action' => 'index')); ?></li>
    <li><a href='#accordion'>Danh sách người dùng</a> </li>
	</ul>
<div id='accordion'>
<h3><a href="#">Danh sách người dùng</a></h3>
<div>
<h2><?php echo "Danh sách User được phân quyền ".$role['Role']['rolename']?></h2>
<?php echo $form->create('Phanquyen',array('url'=>array('controller'=>'phanquyens','action'=>'xoaquyen',$role_id),'onsubmit'=>'return validatexoa()'));?>
<?php echo $form->input('loaidv',array('id'=>'loaidv','label'=>'Loại User','type'=>'select','options'=>array(0=>'Sinh viên',1=>'Cán Bộ'),'selected'=>0));?>
<div id='table_ds'>
<table id='tables'>
  <tr>
  	<th>Chọn<?php echo $form->input('checkallxoa',array('id'=>'checkallxoa','label'=>false,'type'=>'checkbox'));?></th>
    <th>STT</th>
    <th>Mã số</th>
    <th>Họ tên</th>
    <th>Chức vụ</th>
    <th>Chi đoàn</th>
  </tr>
 <?php $i=1;?>
<?php foreach ($sinhviens as $sinhvien):?>
<tr>
<td><?php echo $form->input('',array('class'=>'checkxoa','name'=>'data[Phanquyen][doanvien]['.$sinhvien['Sinhvien']['mssv'].']','label'=>false,'type'=>'checkbox'));?></td>
<td><?php echo $i;?></td>
<td><?php echo $sinhvien['Sinhvien']['mssv'];?></td>
<td><?php echo $sinhvien['Sinhvien']['hoten'];?></td>
<td><?php echo $chucvus[$sinhvien['Sinhvien']['mssv']];?></td>
<td><?php echo $sinhvien['Chidoansv']['tenchidoan'];?></td>
</tr>
<?php endforeach;?>
</table>
</div>
<?php $this->Js->get('#loaidv')->event('change',
							$this->Js->request(array('controller' => 'phanquyens', 'action' => 'updateuser',$role_id),
							array('update' => '#table_ds','async' => true,
							'dataExpression' => true,'method' => 'post',
							'data' => $js->serializeForm(array('isForm' => false, 'inline' => true)))));?>
<?php echo $form->end('Xóa quyền');?>
</div>
<h3><a href="#">Thêm quyền</a></h3>
<div>
<?php echo $form->create('Phanquyen',array('url'=>array($role_id),'onsubmit'=>'return validate()'));?>
<h2><?php echo "Thêm quyền ".$role['Role']['rolename'].' cho User'?></h2>
<table>
<tr>
	<td>
		<?php echo $form->input('loaius',array('id'=>'loaius','label'=>'Loại User','type'=>'select','options'=>array(0=>'Sinh viên',1=>'Cán Bộ'),'selected'=>0));?>
	</td>
	<td>
		<?php echo $form->input('chucvu',array('id'=>'chucvu','label'=>'Chức vụ','type'=>'select','options'=>$chvus,'empty'=>'-- Chọn chức vụ --'));?>
	</td>
</tr>
</table>
<div id='table_ds_add'>
<table id='tables'>
  <tr>
  	<th>Chọn<?php echo $form->input('checkall',array('id'=>'checkall','label'=>false,'type'=>'checkbox'));?></th>
    <th>STT</th>
    <th>Mã số</th>
    <th>Họ tên</th>
    <th>Chi đoàn</th>
  </tr>
</table>
</div>
<?php $this->Js->get('#loaius')->event('change',
							$this->Js->request(array('controller' => 'phanquyens', 'action' => 'updateuser_add',$role_id),
							array('update' => '#table_ds_add','async' => true,
							'dataExpression' => true,'method' => 'post',
							'data' => $js->serializeForm(array('isForm' => false, 'inline' => true)))));?>
<?php $this->Js->get('#chucvu')->event('change',
							$this->Js->request(array('controller' => 'phanquyens', 'action' => 'updateuser_add',$role_id),
							array('update' => '#table_ds_add','async' => true,
							'dataExpression' => true,'method' => 'post',
							'data' => $js->serializeForm(array('isForm' => false, 'inline' => true)))));?>
<?php echo $form->end(' Lưu ');?>
</div>
<script>
function validatexoa()
{
	checknum =0;
	$("input:checkbox").each(function()
	{
			if($(this).prop('class')=='checkxoa' && $(this).prop('checked')==true)
			{
				checknum +=1;
			}
	});
	if(checknum==0)
		return false;
	return confirm('Bạn có chắc không?');
		
}
function validate()
{
	checknum =0;
	$("input:checkbox").each(function()
	{
			if($(this).prop('class')=='checkadd' && $(this).prop('checked')==true)
			{
				checknum +=1;
			}
	});
	if(checknum==0)
		return false;
	return true;
		
}
$(function(){
	$( "#accordion" ).accordion();
	$('#checkall').live('click',function(){
										if($(this).prop('class')!='checkadd')
										{
											if($('#checkall').prop('checked')==true)
											{
												$("input:checkbox").each(function()
												{
													if($(this).prop('class')=='checkadd')
													{
														$(this).prop('checked',true);
														
													}
													
												});
											}else
											{
												$("input:checkbox").each(function()
														{
														if($(this).prop('class')=='checkadd')
																$(this).prop('checked',false);
															
														});
											}
										}		
											});
	$('#checkallxoa').live('click',function(){
		if($(this).prop('class')!='checkxoa')
		{
			if($('#checkallxoa').prop('checked')==true)
			{
			
				$("input:checkbox").each(function()
				{
					if($(this).prop('class')=='checkxoa')
					{
						$(this).prop('checked',true);
						
					}
					
				});
			}else
			{
				$("input:checkbox").each(function()
						{
						if($(this).prop('class')=='checkxoa')
								$(this).prop('checked',false);
							
						});
			}
		}
		});
});
</script>
</div>